@charset "UTF-8"; 

bobdy{
	cursor: default; background-position: initial initial; background-repeat: initial initial;background-image: none; 
}

#wrapper {     
    position:absolute; 
    display:block;
	left: 0;
	top: 0;
	bottom: 0;
    right: 0;  
    width: 98%;
    padding:0;
    margin: 10px 1%; 
	overflow:hidden;
	background: #eaedef;
} 

#wrapperscrl {     
    position:absolute; 
    display:block; 
	left: 0;
	top: 0;
	bottom: 0;
    right:0;   
    padding: 3px;;
    margin-bottom:2px; 
    overflow-y:auto;
} 

.boxtoolbar {     
    position:absolute; 
    display:block;
	left: 0;
	top: 0; 
    right:0;   
    height: 32px;   
} 

.wrappertab .boxtoolbar{
	height: 62px;
}

.boxtoolbar .value{
	float: left;
	padding-right: 10px;
	margin-bottom: 5px;
}

.boxtoolbar .value .title {
	float: left;
	font-size:14px;
	line-height: 30px;
	padding-right: 5px;
}

.boxtoolbar .value .text {
	float: left;
	padding-right: 5px;
}
.expertSearch {
	position:absolute;  
	display:none; 
	left: 0;
	top: 0; 
    right:0;   
    height: 90px;  
	border-top: 1px solid #d7d7d7; 
	box-shadow: 0 2px 2px rgba(0,0,0,.2);  
	background: #f7f7f7;
}

.wrappertab .expertSearch{
	top: 92px;
}

.expertSearch .value{
	float: left;
	padding-right: 10px;
	margin-bottom: 5px;
}

.expertSearch .value .title{
	float: left;
	color: #7c8389;
	line-height: 30px;
	padding-right: 5px;
}

.expertSearch .value .text{
	float: left;
	padding-right: 5px;
}

.boxmain {     
  position:absolute; 
  display:block;
  left: 0;
  top: 148px; 
  right:0;   
  bottom:2px; 
  margin-top:-145px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}  

.wrappertab .boxmain{
	top: 188px;
}

#wrapper.boxdisplay .boxmain {     
  margin-top:0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
} 
 

#wrapper.boxdisplay .expertSearch {     
    display:inline-table; 
} 

.contentbox{
	padding: 10px; 
} 

.contentbox8{
	padding: 8px; 
}

.whiteBox {
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);  
	filter: "progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=270,strength=1)";
} 

.whiteBox .indexTitle {
	padding: 10px 0;
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #d7d7d7;
}

.whiteBox .indexTitle .more {
	float: right;
	margin-right: 10px;
}

.whiteBox .indexTitle .titleText {
	font-size: 16px;
	margin-left: 10px;
}

.actionArea .search .searchButton {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	background: url(../aimages/package.png) -354px -230px;
	position: absolute;
	margin: 5px 0 0 -30px;
}

.actionArea .search .searchButton:hover {
	background-position: -354px -319px;
}

.whiteBoxTab {
	background: url(../aimages/tabline.png) bottom repeat-x;
	float: left;
	width: 100%;
}

.whiteBoxTab ul li,.whiteBoxTab ul {
	float: left;
	margin-left: 5px;
}

.whiteBoxTab .tabN {
	border: 1px solid #d9e0eb;
	background: #f7f7f7;
	font-size: 16px;
	padding: 5px 10px;
	cursor: pointer;
	width: 100px;
	text-align: center;
}

.whiteBoxTab .tabS,.whiteBoxTab .tabN:hover {
	border: 1px solid #c7cedb;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	padding: 5px 10px;
	background: #FFF;
	cursor: pointer;
	width: 100px;
	text-align: center;
}

.whiteBoxTab .tabN a,.whiteBoxTab .tabS a {
	color: #666;
	display: block;
}
  
.DataModule {
	width: 100%;
	margin-top: 14px;
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
} 

.lrbox{
	overflow:hidden;
}

.lrbox .lrboxleft {
  position:absolute; 
  display:block; 
  left: 0;
  top: 0;
  bottom: 0px; 
  width: 216px;
  padding:0;
  margin-left:  0px;  
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.lrbox.boxdisplay .lrboxleft {
    margin-left:  -217px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
.lrbox .lrboxmain {
  position: absolute;
  display:block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; 
  padding:0;
  
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; 
}
 
.lrbox.boxdisplay .lrboxmain{
    margin-left: -1px; 
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.form-left{
    position: absolute;
    display: block;  
    top: 0;
    left:0; 
    bottom:0; 
    width: 210px;
    *width:210px;   
    overflow:hidden;
}

.form-right{
    position: absolute;
    display: block;  
    top: 0;
    right:0;
    bottom:0; 
    width: 210px;
    *width:210px;   
    overflow:hidden; 
}

.from-body,.from-main{ 
	position: absolute;
    display: block;   
    left:0;
    right:0;
    top:0;
    bottom:0; 
}

.from-header {
	position: absolute; 
    display:block;
	top: 0;
	left: 0;
	right: 0;  
	height: 28px;
	line-height: 26px;
	padding:8px;
}

.from-header > ul.baraction{  
    display: block;
    list-style: none; 
    padding: 0;
}

.from-header > ul.baraction li{
    display: inline-block;
    float: left; 
    list-style: none;
    padding: 0;
    margin: 0 10px 0 0;  
}

.from-header .dividers,
.from-header > ul.baraction li.divider{ 
    height: 6px;
    margin: 0 10px 0 0;
    border-right: 1px solid #cdcdcd;
}

.withheader{  
    top:45px;
}
 
.from-body-topmain{
	position: absolute;
	display:block;
	top:0;
	left:0;
	right:0; 
	bottom:36px; 
}  
.from-body-foodmain {
  position: absolute;
  display:block;
  left:0;
  right:0;
  bottom:0; 
  height:36px;
  overflow:hidden;
}
.from-body-foodmain:before,
.from-body-foodmain:after {
  display: table;
  line-height: 0;
  content: "";
}
.from-body-foodmain:after {
  clear: both;
}
iframe { 
   display:block;
   position: relative;
   width:100%;
   height:100%;
   border:0;
}
.formscroll{position: absolute;display:block;top:0;left:0;right:0;bottom:0;overflow:auto;border: 1px solid #d7d7d7;}
.formscrolly { position: absolute;display:block;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;border: 1px solid #d7d7d7;}
.formscrollnoborder{position: absolute;display:block;top:0;left:0;right:0;bottom:0;overflow:auto;border:none;}
.formscrollynoborder { position: absolute;display:block;top:0;left:0;right:0;bottom:0;overflow-x:hidden; overflow-y:auto;border:none;}
  
.button-noborder {
  position: relative;  
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;  
  padding:0px 4px;
}
.button-noborder:focus {
  outline: none; 
}

.button-noborder:HOVER { 
  border: 1px solid #cdcdcd;
}
